window.onload = function(){
    $('#mask').addClass('bounceOutUp');
    _.init();
}
var _ = (function(_) {
    _ = {
        scroller: '#site-body',
        nav: '#nav',
        curpage : 1,
        setId : '',
        cansrcoll : true,
        page1 : function() {
            var self = this,
                $page = $('#page1');
            $page.find('.bir').removeClass('bounceInRight');
            $page.find('.fiu').removeClass('fadeInUp');
            $page.find('.bil').removeClass('bounceInLeft');
            $page.find('.bi').removeClass('bounceIn');
            $page.find('.biu').removeClass('bounceInUp');
            $page.find('.fid').removeClass('fadeInDown');
            setTimeout(function(){
                $page.find('.fid').addClass('fadeInDown');
                $page.find('.bil').addClass('bounceInLeft');
                $page.find('.bi').addClass('bounceIn');
                $page.find('.biu').addClass('bounceInUp');
                $page.find('.bir').addClass('bounceInRight');
                $page.find('.fiu').addClass('fadeInUp');
            },100);
            setTimeout(function(){
                self.cansrcoll = true;
            },1000);
            $('#signup-entrance').removeClass('bounceInRight');
            $('#signup-entrance').addClass('bounceInRight');
            $('.site-nav').find('.bil').removeClass('bounceInLeft');
            $('.site-nav').find('.bil').addClass('bounceInLeft');
            $('.site-nav').find('.bir').removeClass('bounceInRight');
            $('.site-nav').find('.bir').addClass('bounceInRight');
        },
        page2 : function() {
            var self = this,
                $page = $('#page2');
            $page.find('.fid').removeClass('fadeInDown');
            $page.removeClass('fadeInUp');
            $page.find('.bid').removeClass('bounceInDown');
            $page.find('.biu').removeClass('bounceInUp');
            setTimeout(function(){
                $page.find('.fid').addClass('fadeInDown');
                $page.addClass('fadeInUp');
                $page.find('.bid').addClass('bounceInDown');
                $page.find('.biu').addClass('bounceInUp');
            },100);
            setTimeout(function(){
                self.cansrcoll = true;
            },1000);
        },
        page3 : function() {
            var self = this,
                $page = $('#page3');
            $page.find('.biu').removeClass('bounceInUp');
            $page.find('.bid').removeClass('bounceInDown');
            $page.find('.bil').removeClass('bounceInLeft');
            setTimeout(function(){
                $page.find('.biu').addClass('bounceInUp');
                $page.find('.bid').addClass('bounceInDown');
                $page.find('.bil').addClass('bounceInLeft');
            },100);
            setTimeout(function(){
                self.cansrcoll = true;
            },1000);
        },
        page4 : function() {
            var self = this,
                $page = $('#page4');
            $page.removeClass('fadeInUp');
            $page.find('.bid').removeClass('bounceInDown');
            $page.find('.biu').removeClass('bounceInUp');
            setTimeout(function(){
                $page.addClass('fadeInUp');
                $page.find('.bid').addClass('bounceInDown');
                $page.find('.biu').addClass('bounceInUp');
            },100);
            setTimeout(function(){
                self.cansrcoll = true;
            },1000);
        },
        jump: function(){
            var self = this;
            $(this.scroller).css('top',-100 * (this.curpage-1) + '%');
            var top = 0;
            top = $('#page' + self.curpage).offset().top
            if(top < 0){
                top = -top;
            }
            if($('#page' + self.curpage).offset().top <= $(self.scroller).height()*0.25+300){
                self['page' + self.curpage]();
            }
            $('#nav').find('li').removeClass('active');
            $('#nav').find('li').eq(self.curpage-1).addClass('active');
            if(self.curpage == 1){
                $('#signup-entrance').hide();
            }else{
                $('#signup-entrance').show();
            }
        },
        addScrollEvent: function(){
            var self = this;
            var scrollFunc = function(e) {
                if (self.cansrcoll) {
                    self.cansrcoll = false;
                    var scrollD = 0;
                    if (e.wheelDelta) {//IE/Opera/Chrome
                        scrollD = e.wheelDelta;
                    } else if (e.detail) {//Firefox
                        scrollD = -e.detail;
                    }
                    if (scrollD > 0) {
                        console.log('向上');
                        self.curpage--;
                        if(self.curpage < 1){
                            self.curpage = 1;
                            self.cansrcoll = true;
                            return false;
                        }
                    } else {
                        console.log('向下');
                        self.curpage++;
                        if(self.curpage > 4){
                            self.curpage = 4;
                            self.cansrcoll = true;
                            return false;
                        }
                    }
                    self.jump();
                }
            }
            if (document.addEventListener) {
                document.addEventListener('DOMMouseScroll', scrollFunc, false);
            }//W3C
            window.onmousewheel = document.onmousewheel = scrollFunc;
            //IE/Opera/Chrome
        },
        resetPX: function(){
            document.documentElement.style.fontSize = (document.getElementById('site-body').clientWidth*100)/1920;
        },
        init : function() {
            var self = this;
            this.addScrollEvent();
            var prepage = self.curpage-1;
            self.jump();
            self.resetPX();
            window.onresize = function(){
                self.resetPX();
            }
            $(self.nav).find('li').click(function(){
                $(self.nav).find('li').removeClass('active');
                $(this).addClass('active');
                self.curpage = $(this).index()+1;
                self.jump();
            });
            $('#detail').click(function(){
                $(self.nav).find('li').removeClass('active');
                $(self.nav).find('li').eq(1).addClass('active');
                self.curpage = 2;
                self.jump();
            });

            $('#close, #success').click(function(){
                $('#signup-container').hide();
                self.cansrcoll = true;
            });
            $('#signup-entrance, #signup').click(function(){
                $('#signup-container').show();
                self.cansrcoll = false;
            });

            $('#code').click(function(){
                $('#code').hide();
                self.cansrcoll = true;
            });
            $('#webchat').click(function(){
                $('#code').show();
                self.cansrcoll = false;
            });
        }
    }
    return _;
})(window._ || {});
(function(){
    var $container = $('#form');
    $('#submit').click(function(){
        var data = getdata();
        data.data._token = g._token;
        if(data.cansubmit){
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '',
                data: data.data,
                success: function(data){
                    if(data.response == '100'){
                        $('#signup-container').html('<a id="success" href="javascript:void(0)"></a>');
                    }else{
                        alert(data.message);
                    }
                }
            });
        }
    });
    function getdata(){
        var data = {
                'name': [],
                'age': []
            },
            val = '',
            type = '',
            name = '',
            cansubmit = false;
        $container.find('input').each(function(){
            type = $(this).attr('type');
            name = $(this).attr('name');
            switch(type){
                case 'radio':
                    if($(this).is(':checked')){
                        data[name] = $(this).data('type');
                    }
                    break;
                case 'text':
                    val = $.trim($(this).val());
                    if(val || name =='age' || name == 'link' || name == 'else'){
                        if(name =='age' || name =='name'){
                            data[name].push(val);
                        }else{
                            data[name] = val;
                            cansubmit = true;
                        }
                    }else{
                        $(this).focus();
                        cansubmit = false;
                        alert('信息未填写');
                        return false;
                    }
                    break;
                default:
                    break;
            }
        });
        return {data: data, cansubmit: cansubmit};
    }
    $('.change').click(function(){
        var type = $(this).find('input').data('type');
        $('.ischange').removeClass('input1 input2').addClass('input'+type);
        if(type == 1){
            $('.ischange').eq(0).html('<input type="text" name="name">');
            $('.ischange').eq(1).html('<input type="text" name="age">');
        }else{
            $('.ischange').eq(0).html('<input type="text" name="name"><input type="text" name="name">');
            $('.ischange').eq(1).html('<input type="text" name="age"><input type="text" name="age">');
        }
    });
})();